.layout {
    display: flex;
    height: 100vh;
  }
  
  .menu {
    width: 250px;
    background-color: var(--ant-primary-bg);
    padding: 24px;
  }
  
  .chat {
    flex: 1;
    padding: 24px;
  }
  
  .addBtn {
    margin-bottom: 24px;
  }
  
  .conversations {
    margin-bottom: 24px;
  }
  
  .messages {
    margin-bottom: 24px;
  }
  
  .sender {
    margin-top: 24px;
  }
  
  .placeholder {
    text-align: center;
    color: var(--ant-text-secondary);
  }
  
  .logo {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
  }